<!doctype html>
<html>
<head>
	<title>西安路路安</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no ，user-scalable=no" charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.css">
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	<link rel="stylesheet" href="style2.css">
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
	<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>
<body style="overflow-x:hidden">
<div id="page"  style="overflow-x:hidden">
	<script>
		var width=window.screen.width;
		document.getElementById("page").style.width=width+"px";
	</script>
	<div class="topbar">西安路路安汽车陪练</div>
	<div class="container">
		<div class="row font_white" style="font-size: 14px">
			<div class="col-3 menu" onclick="page.index()">
				网站首页
			</div>
			<div class="col-3 menu" onclick="page.to_page(1)">
				公司简介
			</div>
			<div class="col-3 menu" onclick="page.to_page(2)">
				新闻资讯
			</div>
			<div class="col-3 menu" onclick="page.to_page(3)">
				陪练大纲
			</div>
			<div class="col-3 menu" onclick="page.to_page(4)">
				收费标准
			</div>
			<div class="col-3 menu" onclick="page.to_page(5)">
				教练风采
			</div>
			<div class="col-3 menu" onclick="page.to_page(6)">
				联系我们
			</div>
			<div class="col-3 menu" onclick="page.to_page(7)">
				网站公告
			</div>
		</div>
	</div>
	<div id="demo" class="carousel slide" data-ride="carousel" v-show="!state">
		<ul class="carousel-indicators">
			<li data-target="#demo" data-slide-to="0" class="active"></li>
			<li data-target="#demo" data-slide-to="1"></li>
		</ul>
 
		<!-- 轮播图片 -->
		<div class="carousel-inner">
			<div class="carousel-item active">
				<img src="img/min/5.png" style="height: 400px">
				<div style="position: absolute;top: 30%;left: 50%;transform: translate(-50%,-50%);width: 500px;height: 100px;text-align: center;"><nobr>
					<div style="position: absolute;left: 50%;transform: translateX(-50%);top: 0;height: 30px;font-size: 25px;color: #fff;font-family: you">西安路路安 - 让您学车无忧</div>
					<div style="position: absolute;width: 250px;height: 44px;border-radius: 15px;background-color: rgba(32,147,244,0.6);left: 125px;top: 60px;text-align: center;font-size: 20px;color: #fff;line-height: 44px;font-family: you">公开透明的陪练价格</div>
					<div style="position: absolute;width: 250px;height: 44px;border-radius: 15px;background-color: rgba(32,147,244,0.6);left: 125px;top: 130px;text-align: center;font-size: 20px;color: #fff;line-height: 44px;font-family: you">雄厚的师资力量</div>
					<div style="position: absolute;width: 250px;height: 44px;border-radius: 15px;background-color: rgba(32,147,244,0.6);left: 125px;top: 200px;text-align: center;font-size: 20px;color: #fff;line-height: 44px;font-family: you">高额保险，安全有保障</div></nobr>
				</div>
			</div>
			<div class="carousel-item">
				<img src="img/min/6.png" style="height: 400px">
				<div style="position: absolute;top: 30%;left: 50%;transform: translate(-50%,-50%);width: 90%;height: 100%;text-align: center;">
					<nobr><div style="position: absolute;left: 50%;transform: translateX(-50%);top: 50%;height: 30px;font-size: 30px;color: #fff;
					line-height: 30px;font-family: you">- 助您轻松应对复杂路段 -</div></nobr>
					<div style="font-size: 14px;color: #fff;text-align: left;left: 50%;bottom: 5%;transform: translateX(-50%);position: absolute;background-color: #253c52;padding: 20px;width: 80%">我们向学车的朋友承诺：严格管理、廉洁施教、确保培训质量、杜绝学车途中乱收费现象、杜绝“吃拿卡要”的行为，充分维护学员权益。</div>
				</div>
			</div>
		</div>
 
		<!-- 左右切换按钮 -->
		<a class="carousel-control-prev" href="#demo" data-slide="prev">
			<span class="carousel-control-prev-icon"></span>
		</a>
		<a class="carousel-control-next" href="#demo" data-slide="next">
			<span class="carousel-control-next-icon"></span>
		</a>
	</div>
	<nav class="breadcrumb" style="background-color: #253c52;margin-top: 10px;margin-bottom: 20px;" v-if="!state">
	  <a class="breadcrumb-item" href="#" style="color: #fff">首页</a>
	  <a class="breadcrumb-item" href="#" style="color: #fff">公司简介</a>
	</nav>
	<div class="wap_box" v-if="!state">
		路路安汽车陪练:西安路路安汽车陪练公司，是一家专业致力于自动挡和手动挡汽车有证人员实际道路陪练的公司，信誉好，口碑佳。公司拥有一支技术精湛，道路驾驶指导经验丰富的教练团队。2018年在原有车型基础上又斥资购买一批全新桑塔纳自动挡和手动挡轿车，所有陪练车都安装原厂专用副刹，分别购置100万商业险，让您练车无忧，安全驾驶。西安路路安汽车陪练致力于向新的驾驶员或不熟练的长时间没开车的驾驶员提供一对一的全方位驾驶技能提升培训，在短时间内迅速提升你的驾驶技术，驾驶信心。<br><span style="color: red" onclick="page.to_page(1)">[ 更多 ]</span>
	</div>
	<nav class="breadcrumb" style="background-color: #253c52;margin-top: 10px;margin-bottom: 20px;" v-if="!state">
	  <a class="breadcrumb-item" href="#" style="color: #fff">首页</a>
	  <a class="breadcrumb-item" href="#" style="color: #fff">新闻资讯</a>
	</nav>
	<div class="wap_box" v-if="!state">
		<ol>
			<li class="list" onclick="page.ifm(0)">新手上车注意事项</li>
			<li class="list" onclick="page.ifm(1)">驾车常被忽略，新手如何调座椅反光镜</li>
			<li class="list" onclick="page.ifm(2)">解决后视镜结霜、车窗结冰、车锁冻住的小窍门！</li>
			<li class="list" onclick="page.ifm(3)">西安2017推行自学直考 不上驾校也能考驾照 快速拿照 省时省钱</li>
			<li class="list" onclick="page.ifm(4)">新手陪练一般需要多久？新手陪练有用吗？</li>
			<li class="list" onclick="page.ifm(5)">新手上路驾驶技巧大全</li>
			<li class="list" onclick="page.ifm(6)">五个汽车保养小常识</li>
		</ol>
	</div>
	<nav class="breadcrumb" style="background-color: #253c52;margin-top: 10px;margin-bottom: 20px;" v-if="!state">
	  <a class="breadcrumb-item" href="#" style="color: #fff">首页</a>
	  <a class="breadcrumb-item" href="#" style="color: #fff">实际驾驶</a>
	</nav>
	<div class="wap_box" style="margin-left: 0;margin-right: 0" v-if="!state">
		<div class="row" style="margin-bottom: 10px;">
		  <img class="col-4" style="height: 100%" src="img/drive/1.jpg">
		  <img class="col-4" style="height: 100%" src="img/drive/2.jpg">
		  <img class="col-4" style="height: 100%" src="img/drive/3.jpg">
		</div>
		<div class="row">
		  <img class="col-4" style="height: 100%" src="img/drive/4.jpg">
		  <img class="col-4" style="height: 100%" src="img/drive/5.jpg">
		  <img class="col-4" style="height: 100%" src="img/drive/6.jpg">
		</div>
	</div>
	<nav class="breadcrumb" style="background-color: #253c52;margin-top: 10px;margin-bottom: 20px;" v-if="!state">
	  <a class="breadcrumb-item" href="#" style="color: #fff">首页</a>
	  <a class="breadcrumb-item" href="#" style="color: #fff">明星教练</a>
	</nav>
	<div class="wap_box" style="margin-bottom: 70px" v-if="!state">
		<div class="row">
			<img class="col-4" src="img/teacher/1.jpg" style="width: 40%;height: 40%">
			<img class="col-4" src="img/teacher/2.jpg" style="width: 40%;height: 40%">
		</div>
	</div>
	<div class="intro" v-if="state">
		<nav class="breadcrumb" style="background-color: #253c52;margin-top: 10px;margin-bottom: 20px;"><nobr>
		  <a class="breadcrumb-item" href="#" style="color: #fff" onclick="page.index()">首页</a>
		  <a class="breadcrumb-item" href="#" style="color: #fff" onclick="page.to_page(page.wh)">{{title}}</a>
		  <a class="breadcrumb-item" href="#" style="color: #fff" v-if="title2">{{title2}}</a>
		</nobr></nav>
		<div class="wap_box" v-html="content" style="margin-bottom: 80px"></div>
	</div>
	<div class="buttombar container">
		<div class="row">
			<div class="col-3" onclick="page.index()"><p class="fa fa-home" style="position: relative;top: 10px"><span style="font-size: 12px;position: relative;bottom: 20px"><br>主页</span></p></div>		
			<div class="col-3"><a href="tel:18091285502" class="call"><p class="fa fa-phone" style="position: relative;top: 10px"><span style="font-size: 12px;position: relative;bottom: 20px"><br>拨打电话</span></p></a></div>
			<div class="col-3"><a href="http://p.qiao.baidu.com/cps/chat?siteId=12891001&userId=26931838"><p class="fa fa-comments" style="position: relative;top: 7px"><span style="font-size: 12px;position: relative;bottom: 14px"><br>在线交流</span></p></a></div>			
			<div class="col-3"><a href="img/wechat.jpg"><p class="fa fa-qrcode" style="position: relative;top: 10px"><span style="font-size: 12px;position: relative;bottom: 20px"><br>微信</span></p></a></div>	
		</div>
	</div>
</div>
</body>
<script src="vue.js"></script>
<script src="main2.js"></script>
</html>